<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>详情页</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/public.css"/>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/proList.css"/>
</head>
<body>
<div class="head">
    <%@include file="header.jsp"%>
</div>
<div class="address">
    <div class="wrapper clearfix"><a href="${pageContext.request.contextPath}/index/base">首页</a><span>/</span>
        <a href="${pageContext.request.contextPath}/index/selectproduct?fid=${product.product_fid}">${product.product_fid_name}</a><span>/</span>
        <a href="${pageContext.request.contextPath}/index/selectproduct?cid=${product.product_cid}">${product.product_cid_name}</a><span>/</span>
        <a  class="on">${product.product_name}</a>
    </div>
</div>
<div class="detCon">
    <div class="proDet wrapper">
        <div class="proCon clearfix">
            <div class="proImg fl"><img class="det" src="/product/${product.product_image}"/>
                <div class="smallImg clearfix">
                    <img src="/product/${product.product_image}" data-src="/product/${product.product_image}">
                </div>
            </div>
            <div class="fr intro">
                <div class="title"><h4>${product.product_name}</h4>
                    <p style="margin-top: 50px;">${product.product_description}</p><span>￥${product.product_price}0</span></div>
                <div class="proIntro"><p>颜色分类</p>
                    <div class="smallImg clearfix categ"><p class="fl">
                        <img src="/product/${product.product_image}" alt="${product.product_name}" data-src="/product/${product.product_image}"></p>
                    </div>
                    <p>数量&nbsp;&nbsp;库存<span>${product.product_stock}</span>件</p>
                    <div class="num clearfix">
                        <img class="fl sub" src="${pageContext.request.contextPath}/img/sub.jpg">
                        <span id="count" class="fl" contentEditable="true">1</span>
                        <img class="fl add" src="${pageContext.request.contextPath}/img/add.jpg">
                    </div>
                </div>
                <div class="btns clearfix">

                    <a href="javascript:shopadd('${product.product_id}')">
                        <p class="cart fr">加入购物车</p></a></div>
            </div>
        </div>
    </div>
</div>
<c:if test="${sessionScope.user.user_Name!=null}">
<div class="gotop">
    <a href="${pageContext.request.contextPath}/index/findcart">
        <dl>
            <dt><img src="${pageContext.request.contextPath}/img/gt1.png"/></dt>
            <dd>去购<br/>物车</dd>
        </dl>
    </a>
    <a href="${pageContext.request.contextPath}/index/mydata">
        <dl>
            <dt><img src="${pageContext.request.contextPath}/img/gt3.png"/></dt>
            <dd>个人<br/>中心</dd>
        </dl>
    </a><a href="#" class="toptop" style="display: none;">
    <dl>
        <dt><img src="${pageContext.request.contextPath}/img/gt4.png"/></dt>
        <dd>返回<br/>顶部</dd>
    </dl>
</a>
</div>
</c:if>
<div class="footer">
    <div class="top">
        <div class="wrapper">
            <div class="clearfix"><a href="#2" class="fl"><img src="${pageContext.request.contextPath}/img/foot1.png"/></a><span class="fl">7天无理由退货</span>
            </div>
            <div class="clearfix"><a href="#2" class="fl"><img src="${pageContext.request.contextPath}/img/foot2.png"/></a><span class="fl">15天免费换货</span>
            </div>
            <div class="clearfix"><a href="#2" class="fl"><img src="${pageContext.request.contextPath}/img/foot3.png"/></a><span class="fl">满599包邮</span>
            </div>
            <div class="clearfix"><a href="#2" class="fl"><img src="${pageContext.request.contextPath}/img/foot4.png"/></a><span class="fl">手机特色服务</span>
            </div>
        </div>
    </div>
</div>
<script src="${pageContext.request.contextPath}/js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/jquery.SuperSlide.2.1.1.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/public.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/pro.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/cart.js" type="text/javascript" charset="utf-8"></script>
<script>
    function shopadd(id) {
        var  count = document.getElementById("count").innerHTML;
        location.href='${pageContext.request.contextPath}/index/productoperation?product_id='+id+'&cart_num='+count;
    }
</script>
</body>
</html>
